<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-购物车</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>
<body id="app">
	<!-- 头部 -->
    <header class="header">
        <a href="javascript:history.go(-1);" title="返回" class="icon back"></a>
        <h1>购物车</h1>
    </header>
	
	<!-- 购物车 -->
	<section class="padT23 padB23">
		<ul class="bgff cartUl" v-cloak>
			<li class="borderB"  v-for="info in cartInfo" v-touch:swipe="swipeLeft($event)" v-touch-options:swipe="{ direction: 'horizontal' }" data-id="{{info.id}}">
				<div class="clearfix">
					<a href="javascript:void(0);" class="check" :class="{'checkOn':info.checked}" @click="selectedGood(info)"></a>
					<a href="javascript:void(0);" class="db fl j_1 photo"><img data-src="{{info.pic}}" src="images/imgload.gif" alt="" class="loadImg" alt="" /></a>
					<div class="fr color55 text">
						<h3 class="line15 font30 normal ell">{{info.name}}</h3>
						<span class="db font24 colorac ell desc">{{info.filterDesc|delhtml}}</span>
						<span class="db line15 font28">单价：<em class="color3b">{{info.price}}</em>白金币</span>
						<div class="clearfix font28">
							<span class="fl">库存：{{info.count}}</span>
							<div class="fr addSubt"><a href="javascript:;" :class="{'operate':true,'disable':info.count===0||info.selectcount==1} " @click="decrease($event,$index)">–</a><input type="text" class="much" v-model="info.selectcount|countNum" onkeyup="myJS.countNum(this);" onblur="myJS.countNum(this);" v-on:blur="overNum(info)"><a href="javascript:;" :class="{'operate':true,'disable':info.count===0||info.selectcount>=info.count}" @click="increase($event,$index)">+</a></div>
						</div>
					</div>
				</div>
				<div class="dib shareColl one">
					<a href="javascript:void(0);" class="delIcon" @click="del(info)"></a>
				</div>
			</li>
		</ul>

		<div class="clearfix cartFoot">
			<a href="javascript:void(0);" class="fl font30 color55 checkAll" :class="{'checkOn':chooseAllFlag}" @click="chooseAll();">全选</a>
			<span class="fl font26 colorac total">总计<em class="color3b">{{totalPrice}}</em>白金币</span>
			<a href="javascript:void(0);" class="fr goChange" @click="toOrder()">去兑换</a>
		</div>
	</section>
    
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/cart.js"></script>

</body>
</html> 